import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

Item {
    id: ioMonitorBack_DebugProcess
    width: 1760
    height: 935

    Rectangle{
        anchors.fill: parent
        border.width: 1
        color: "transparent"
    }

    property real fontSize: Cpp_Language.CurrentLanguage === 1 ? 30 : Cpp_Language.CurrentLanguage === 2 ? 20 : Cpp_Language.CurrentLanguage === 3 ? 20 : 30

    Rectangle{
        width: 1700
        height: 400
        color: "lightgray"
        anchors.centerIn: ioMonitorBack_DebugProcess

        Row{
            anchors.left: parent.left
            anchors.leftMargin: 20
            anchors.top: parent.top
            anchors.topMargin: 10
            spacing: 20

            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X0 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X0"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X1 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X1"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X2 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X2"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X3 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X3"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X5 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X5"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X6 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X6"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X7 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X7"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X10 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X10"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X11 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X11"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X12 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X12"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X13 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X13"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X14 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X14"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X15 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X15"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X16 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X16"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X17 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X17"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X20 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X20"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X21 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X21"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X22 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X22"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X23 ? "red" : "white"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X23"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X24 ? "red" : "white"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X24"
                }
            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.X25 ? "red" : "white"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "X25"
                }
            }
        }


        Row{
            anchors.left: parent.left
            anchors.leftMargin: 20
            anchors.bottom: parent.top
            anchors.bottomMargin: 10
            spacing: 20

            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("磁尺A相")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("磁尺B相")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("左机头旋钮")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("右机头旋钮")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("急停按钮")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("压紧按钮")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("工进按钮")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("锯片启停")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("原点复位")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("左锯片后位")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("右锯片后位")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("左锯片前位")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("右锯片前位")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("伺服报警")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("伺服准备好")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("X轴原点")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("X轴正限位")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("X轴负限位")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("前托退到位")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("中托退到位")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("后托退到位")
                }
            }

        }



        Rectangle{
            anchors.right: parent.right
            anchors.rightMargin: 200
            anchors.top: parent.top
            anchors.topMargin: 110
            width: 500
            height: 80
            color: "transparent"
            // border.width: 1

            Text{
                anchors.centerIn: parent
                font.pixelSize: 40
                font.bold: true
                text: qsTr("PLC-版本号: ") + Cpp_PLC.PLC_Version_Code
            }

        }

        Rectangle{
            anchors.right: parent.right
            anchors.rightMargin: 200
            anchors.bottom: parent.bottom
            anchors.bottomMargin: 110
            width: 500
            height: 80
            color: "transparent"
            // border.width: 1

            Text{
                anchors.centerIn: parent
                font.pixelSize: 40
                font.bold: true
                text: qsTr("HMI-版本号: 1024.25")
            }

        }


        Row{
            anchors.left: parent.left
            anchors.leftMargin: 20
            anchors.bottom: parent.bottom
            anchors.bottomMargin: 10
            spacing: 20

            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y0 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y0"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y1 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y1"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y2 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y2"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y3 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y3"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y4 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y4"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y5 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y5"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y6 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y6"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y7 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y7"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y10 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y10"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y11 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y11"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y12 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y12"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y13 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y13"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y14 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y14"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y15 ? "red" : "white"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y15"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y16 ? "red" : "white"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y16"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y17 ? "red" : "white"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y17"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y20 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y20"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y21 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y21"
                }

            }
            Rectangle{
                width: 60
                height: 60
                border.width: 1
                color: Cpp_PLC.Y22 ? "red" : "white"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 30
                    font.bold: true
                    rotation: 270
                    text: "Y22"
                }

            }

        }

        Row{
            anchors.left: parent.left
            anchors.leftMargin: 20
            anchors.top: parent.bottom
            anchors.topMargin: 10
            spacing: 20


            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("脉  冲")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("方  向")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("左 电 机")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("右 电 机")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("左45度阀")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("左90度阀")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("右45度阀")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("右90度阀")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("左 工 进")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("右 工 进")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("左 压 紧")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("右 压 紧")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"
                visible: Cpp_PLC.M_396

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("料高气缸")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("前托料架")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("中托料架")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"
                visible: Cpp_PLC.M_397

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("后托料架")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("刹车气缸")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("拽料气缸")
                }
            }
            Rectangle{
                width: 60
                height: 250
                color: "transparent"

                Text{
                    anchors.centerIn: parent
                    font.pixelSize: fontSize
                    font.bold: true
                    rotation: 270
                    text: qsTr("左拉压紧")
                }
            }

        }

    }








}
